<template>
	<view>
		<u-navbar :is-back="true" title="编辑活动方信息"></u-navbar>
		<view class="huodongfangLogo">
			<image src="../../../static/img/hui-logo_03.png" class="logo-img"></image>
			<view class="tihuan-text">更换活动方logo</view>
		</view>
		<view class="baoming-form">
			<view class="baoming-form-cell">
				<view class="baoming-cell-title">活动方昵称</view>
				<view class="baoming-cell-input">
					<input type="text" placeholder="输入活动方昵称" placeholder-style="font-size:24rpx;" />
				</view>
			</view>
			<view class="baoming-form-cell">
				<view class="baoming-cell-title">联系电话</view>
				<view class="baoming-cell-input">
					<input type="text" placeholder="输入联系电话" placeholder-style="font-size:24rpx;" />
				</view>
			</view>
			<view class="baoming-form-cell">
				<view class="baoming-cell-title">联系地址</view>
				<view class="baoming-cell-input">
					<input type="text" placeholder="输入联系地址" placeholder-style="font-size:24rpx;" />
				</view>
			</view>
		</view>
		<view class="jieshaoxinxi">
			<textarea placeholder="请在此处输入您的活动方主页要展示的介绍信息" class="xiangqing-text"></textarea>
		</view>
		<view class="tijiaobaoming">
			<u-button shape="circle" hover-class="none"  class="custom-style" :hair-line="false">提交修改</u-button>
		</view>
		<tarBer :totarBer='tar'></tarBer>
	</view>
</template>

<script>
	import tarBer from '../../../components/tabBarFoot/tabBarFoot.vue'
	export default {
		components:{
				 tarBer
			 },
		data() {
			return {
				tar:{
						color:'#fff',
						id:1		 
				},
			};
		}
	}
</script>

<style lang="scss">
 page{
	 background-color: #ebebeb;
	 height: 100vh;
 }
 .huodongfangLogo{
	 padding: 40rpx 0; 
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: center;
	 .logo-img{
		 width: 102rpx;
		 height: 102rpx;
	 }
	 .tihuan-text{
		 color: #898787;
		 font-size: 28rpx;
		 margin-top: 20rpx;
	 }
 }
 .baoming-form{
 	background-color: #FFFFFF;
 	.baoming-form-cell{
 		padding: 30rpx 45rpx;
 		border-bottom: 1px solid #ebebeb;
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
 		.baoming-cell-title{
 			font-size: 28rpx;
 			color: #515151;
 		}
 		.baoming-cell-input{
 			text-align: right;
 			font-size: 24rpx;
 			display: flex;
 			align-items: center;
 			.xuanze-icon{
 				width: 48rpx;
 				height: 48rpx;
 				margin-left: 20rpx;
 			}
 			input{
 				margin-bottom: 0;
 			}
 		}
 	}
 }
 .tijiaobaoming{
 	padding: 40rpx 50rpx;
 	.custom-style{
 		width: 60%;
 		background-color: #2ea34a;
 		color: #FFFFFF;
 	}
 }
 .xiangqing-text{
 	font-size: 24rpx;
 	padding: 20rpx 40rpx;
 	height: 300rpx;
 	box-sizing: border-box;
 }
 .jieshaoxinxi{
	 background-color: #FFFFFF;
	 margin-top: 18rpx;
 }
</style>
